<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>后台管理</title>
	<link rel="stylesheet" type="text/css" href="./themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="./themes/icon.css">
	<script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/wu.css" />
    <link rel="stylesheet" type="text/css" href="css/icon.css" />
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
		<div data-options="region:'north',border:false,split:true" style="height:50px;background: #0070A9;">
			<div class="wu-header-left">
		        	<h1>后台管理</h1>
		    </div>
		        <div class="wu-header-right">
		        	<p><strong class="easyui-tooltip" title="2条未读消息">admin</strong>，欢迎您！</p>
		            <p><a href="#">网站首页</a>|<a href="#">支持论坛</a>|<a href="#">帮助中心</a>|<a href="#">安全退出</a></p>
		        </div>
		</div>
		<div data-options="region:'south',split:true" >
            <div class="wu-footer" data-options="region:'south',border:true,split:true">
               
            </div>
        </div>
		<div data-options="region:'east',split:true" title="East" style="width:100px;"></div>
		<div data-options="region:'west',split:true" title="West" style="width:250px;">
            <div class="easyui-accordion" data-options="border:false,fit:true"> 
                <div title="快捷菜单" data-options="iconCls:'icon-application-cascade'" style="padding:5px;">  	
                    <ul class="easyui-tree wu-side-tree">
                        <li iconCls="icon-chart-organisation"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="" iframe="0">菜单导航</a></li>
                        <li iconCls="icon-users"><a href="javascript:void(0)" data-icon="icon-users" data-link="./yonghu.html" iframe="0">用户管理</a></li>
                        <li iconCls="icon-user-group"><a href="javascript:void(0)" data-icon="icon-user-group" data-link="./cate.html" iframe="0">分类管理</a></li>
                        <li iconCls="icon-book"><a href="javascript:void(0)" data-icon="icon-book" data-link="news.html" iframe="0">新闻管理</a></li>
                        <li iconCls="icon-cog"><a href="javascript:void(0)" data-icon="icon-cog" data-link="component/comment.html" iframe="0">评论管理</a></li>
                    </ul>
                </div>
                <div title="内容管理" data-options="iconCls:'icon-application-form-edit'" style="padding:5px;">  	
                    <ul class="easyui-tree wu-side-tree">
                        <li iconCls="icon-chart-organisation"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-users"><a href="javascript:void(0)" data-icon="icon-users" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-user-group"><a href="javascript:void(0)" data-icon="icon-user-group" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-book"><a href="javascript:void(0)" data-icon="icon-book" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-cog"><a href="javascript:void(0)" data-icon="icon-cog" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-application-osx-error"><a href="javascript:void(0)" data-icon="icon-application-osx-error" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                    </ul>
                </div>
                <div title="商品管理" data-options="iconCls:'icon-creditcards'" style="padding:5px;">  	
                    <ul class="easyui-tree wu-side-tree">
                        <li iconCls="icon-chart-organisation"><a href="javascript:void(0)" data-icon="icon-chart-organisation" data-link="layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-users"><a href="javascript:void(0)" data-icon="icon-users" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-user-group"><a href="javascript:void(0)" data-icon="icon-user-group" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-book"><a href="javascript:void(0)" data-icon="icon-book" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-cog"><a href="javascript:void(0)" data-icon="icon-cog" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                        <li iconCls="icon-application-osx-error"><a href="javascript:void(0)" data-icon="icon-application-osx-error" data-link="temp/layout-3.html" iframe="0">导航标题</a></li>
                    </ul>
                </div>
              
              
            </div>
        </div>
	    <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok',fit:true" >
		    <div id="tt" class="easyui-tabs" data-options="tools:'#tab-tools',fit:true">
                <div title="首页" data-options="href:'./users.html'" data-options="fit:true">

                </div>
            </div>
        </div>
        
	</div> 
    
</body>
<script type="text/javascript">
    $(function(){
			$('.wu-side-tree a').bind("click",function(){
				var title = $(this).text();
				var url = $(this).attr('data-link');
			
//				console.log(url)
				addTab(title,url);
			});	
        })
        
        function addTab(title, href){
			var tabPanel = $('#tt');
			if(!tabPanel.tabs('exists',title)){
				var content = '<iframe  src="'+ href +'" style="width:100%;height:100%;"></iframe>';
//				console.log(content)
			
					tabPanel.tabs('add',{
						title:title,
						content:content,
						fit:true,
						closable:true
				
				});
			}else{
				$("#tt").tabs("select",title);
			}
				
		}
</script>
</html>